@import "~common/css/_variables.scss";

.highquality {
  width: 100%;
  height: 100%;
  overflow: hidden;

  .highquality_box {
    // max-width: 1200px;
    max-width: 1020px;
    // min-width: 850px;
    margin: 0 auto;
    padding: 20px 30px;
  }
}

.list {
  width: 100%;
  ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    li {
      display: flex;
      width: calc(50% - 30px);
      padding: 20px 0;
      margin-right: 30px;
      border-bottom: 1px solid #e5e6ea;
      .cover {
        width: 100px;
        height: 100px;
        min-width: 100px;
      }
      div {
        width: calc(100% - 100px);
        padding-left: 10px;
        p {
          width: auto;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          padding: 4px 0;
          line-height: 1;
          margin-top: 6px;
          font-size: $fz13;

          span {
            font-size: $fz12;
            color:$color;
            padding: 2px 4px;
            border: 1px solid $color;
            margin-right: 5px;
          }
          &:nth-child(1) {
            font-size: $fz13;
          }
          &:nth-child(2) {
            color: $c888;
            font-size: $fz12;
          }
          &:nth-child(3) {
            margin-top: 10px;
          }
        }
      }
    }
  }
}
